<!DOCTYPE html>
<html style="background: #fff;">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />		
		<meta content="yes" name="apple-mobile-web-app-capable"> 
		<meta content="yes" name="apple-touch-fullscreen"> 
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<meta charset="UTF-8">
		<title>机构认证</title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script type="text/javascript" src="js/flexible.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css">
		<style type="text/css">
			.mui-dtpicker-title h5{
				padding:8px 0px;
			}
		</style>
	</head>
	<body style="background:none;">
		<div class="index-header" style="height: 1.173rem;font-size: 0.48rem;line-height: 1.173rem;">机构认证</div>
		<div class="me-form layui-form">
			<div class="me-form-box" style="background:#fff;margin-bottom: 0;border-bottom:1px solid #e6e6e6;">
				<div class="me-form-box-dw"><input type="text" value="" placeholder="机构名称(必填)" lay-verify="required" name="name"></div>
			</div>
			<div class="me-form-box" style="background:#fff;">
				<div class="me-form-box-dw" style="background:url(images/my-rightS.jpg) no-repeat right center;background-size:0.213rem  0.347rem;"><input type="text" value="" class="me-nx" lay-verify="required" placeholder="成立年限(必填)" name="setupDate"></div>
			</div>
			<div class="me-form-box" style="margin-bottom:0;background:#fff;border-bottom:1px solid #e6e6e6">
				<div class="me-form-box-dw"><input type="text" value="" placeholder="联系方式(必填)" lay-verify="required|phone" name="phone"></div>
			</div>
			<div class="me-form-box" style="background:#fff;">
				<div class="me-form-box-dw"  style="background:url(images/my-rightS.jpg) no-repeat right center;background-size:0.213rem  0.347rem;"><input type="text" value="" class="me-lx" placeholder="机构类型(必填)" lay-verify="required" name="categoryName"></div>
			</div>
			<input type="hidden" value="" name="categoryId" id="categoryId">
			<div class="me-form-box-text">
				<div class="me-form-box-dw" style="padding-bottom: 0.227rem;padding-bottom:0.5rem;">
					<textarea placeholder="机构介绍（100 - 500字）" name="detail" id="detail"  style="rize:none;"></textarea>
					<p><span id="num">0</span>/500</p>
				</div>
			</div>
			<div class="me-form-box-text" style="padding-bottom:0.32rem;border-bottom:none;">
				<div class="me-form-box-dw" style="overflow: hidden;">
					<h2>机构及作品上传</h2>

				</div>
				<ul class="me-form-box-img">
					<li><img id="img1" src="images/add-mc.jpg" alt=""/><input id="file1" type="file" name="photo" onchange="photo(this,'img1')" ></li>
				</ul>
			</div>
			<input type="button" lay-submit value="认证" lay-filter="outfitBtn" class="btn"/>
		</div>
	</body>
	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/mui.picker.min.js"></script>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/data/submit.js" type="text/javascript" charset="utf-8"></script>
	<script> 
		var mySwiper = new Swiper('.swiper-container', {
			slidesPerView :'2.24',
			onTransitionEnd: function(swiper){
			  if(swiper.progress==1){
				  swiper.activeIndex=swiper.slides.length-1
			  }
          	}
		})
		mui("body").on('tap','.me-lx',function(){
		  //获取id
		  var that = this;
		  //类型
		 var pickerLx = new mui.PopPicker(); 
			 pickerLx.setData(typeArr)
		  pickerLx.show(function (selectItems) {
		  	$(that).val(selectItems[0].text);
		  	$("#categoryId").val(selectItems[0].value);
		  })
		}) 
		mui("body").on('tap','.me-nx',function(){
		  //获取id
		  var that = this;
		  //年限
		  var pickerNx = new mui.DtPicker({
		  	type:"date"
		  });
		  pickerNx.show(function (selectItems) {
		  	//console.log(selectItems.text);//智子
		    //console.log(selectItems);//zz )
		  	$(that).val(selectItems.text);
		  })
		}) 
	</script>
</html>
